/*
    Copyright (C) 2014-2018 Flexible Software Solutions S.L.U.

    This file is part of flexVDI Client.

    flexVDI Client is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    flexVDI Client is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with flexVDI Client. If not, see <https://www.gnu.org/licenses/>.
*/

@define-color main_color #00a1c1;
@define-color selection_color #5db9cc;

* {
    font-family: Lato, Tahoma, Geneva, sans-serif;
    font-style: normal;
    color: #444;
}

window.main-window * {
    font-size: 20px;
}

#header {
    background-image: linear-gradient(to right, @main_color 60%, darker(@main_color) 100%);
    border: 0;
    padding: 15px;
}

#content-box {
    background-color: #fff;
}

#status {
    background-image: linear-gradient(to top, #444 95%, #000 100%);
}

#status label {
    font-style: italic;
    font-size: 80%;
    color: #fff;
}

#status label.error {
    color: #ff5b00;
}

#info, #version {
    font-size: 70%;
    color: #bbb;
}

entry:focus {
    border-color: @main_color;
}

button {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

#header button {
    border: none;
}

#header button:hover {
    border: none;
    box-shadow: none;
    -gtk-icon-effect: none;
    background-color: rgba(255, 255, 255, 0.2);
}

stack button {
    background-color: @main_color;
    border-color: transparent;
}

stack button:hover {
    background-color: @selection_color;
}

stack button:focus {
    border-color: rgba(255, 208, 0, 0.5);
}

stack button label {
    color: #ffffff;
}

label.subtitle {
    font-size: 120%;
}

entry, treeview, .frame {
    background-color: white;
    border-color: #b6b6b6;
}

entry selection {
    background-color: @selection_color;
}

treeview:selected {
    background-color: @selection_color;
    color: #ffffff;
}

treeview:hover {
    background-color: lighter(@selection_color);
    color: #ffffff;
}

revealer #toolbar {
    border: 1px outset lighter(gray) ;
    padding: 15px;
}

revealer.top #toolbar {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
}

revealer.bottom #toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}

revealer.left #toolbar {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
}

revealer.right #toolbar {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}

toolbar {
    background-image: none;
    background-color: #e8e8e8;
}

toolbar button {
    padding: 2px;
    min-width:32px;
    border-color: transparent;
    outline: none;
}

toolbar button:hover {
    border-color: #909090;
}

toolbar button:active {
    background-color: rgba(0,0,0,0.2);
}

#usb-popover {
    padding: 10px;
}

tooltip {
    background-image: none;
    background-color: lightgray;
    border-color: white;
    border-radius: 0;
    text-shadow: none;
}

#notification {
    background-color: rgba(20,20,20,0.8);
    color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(50,50,50,0.8);
    font-size: 120%;
}
